
/* WARNING: BRAND-VARS.LESS DEFINES LESS CSS VARIABLES. HENCE, IT SHOULD BE IMPORTED BEFORE ANYWHERE YOU USE THOSE VARIABLES */
@import url("reset.css");
@import url("brand-vars.less"); 
@import url("utility.less");

* { margin: 0; }
/*
HTML & BODY tags are set to 100% height to achieve following
1. Sticky Footer
2. Sticky "What's happening" notification bar
3. Stage area to cover rest of the height of the document and overflow if necessary.
*/
html, body { height: 100%; }

body {
	background:@white url('images/body.jpg') repeat-y center top;
	font-family:@body-font-family;
	font-size:@body-font-size;
	line-height:@body-line-height;
	color:@almost-black;
}

input { outline:none; }

a, a:active, a:visited {
	color:@blue;
	text-decoration:none;
	outline:none; /*IE Issue*/
}

a:hover {
	text-decoration:underline;
}

h1,h2, h3, h4, h5, h6 { line-height:1.2em; font-family:@header-font-family; color:@purple; font-weight:normal; }

a.btn.negative { color:#e70232;  }
a.btn.negative:hover { color:#d0032f;  }
a.btn.positive { color:#5b9e02;  }
a.btn.positive:hover { color:#4E7D0E;  }
a.btn.disabled, a.disabled.btn:hover { color:#999 !important; cursor:default;  }

.btn {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px 0 0;
	outline: none;
	cursor: pointer;
	text-align: center;
	font-size: 1em * (12px / @body-font-size);
	padding: 2px 10px;
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
}
.btn.s {
	padding:0 5px;
	line-height:20px;
}
.btn:hover {
	text-decoration: none;
}

/* white */
.btn.w {
	color: @blue;
	font-weight:bold;
	border: solid 1px #b7b7b7;
	background: @white;
}
.btn.w:hover {
	background: #efefef;
	color:@dark-blue;
	font-weight:bold;
}

/* orange */
.btn.o {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
}
.btn.o:hover {
	background: #f47c20;
}

/* red */
.btn.r {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
}
.btn.r:hover {
	background: #b61318;
}

/* blue */
.btn.b {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
}
.btn.b:hover {
	background: #007ead;
}

/* green */
.btn.g {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
}
.btn.g:hover {
	background: #538018;
}

#browser-print-msg { display:none; }

/*wrapper that wraps around site header, site navigation and stage area*/
#wrapper {
	width:960px;
	margin:0 auto;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -46px; 
}

/* site header styles */
#header {
    background:@white;
	line-height:25px;
	overflow:hidden;
}

#header #company-name {
		float:left;
		font-size:1em * (18px / @body-font-size);
		color:@gray;
		font-family:@header-font-family;
}

#header #user-bar {
	float:right;
}

/*site navigation styles */
#nav {
	background:url('images/appsprite.png') transparent no-repeat 0 0; 
	font-size:1em * (14px / @body-font-size);
	overflow:hidden;
	height:35px;
} 

#nav a, #nav a:visited, #nav a:active {
	color:@white;
	padding:0 15px;	
	height:35px;
	line-height:33px;
	float:left;
}
    
#nav a.selected, #nav a:hover.selected {
	color:@silver; 
}

#nav a:hover {
	color:@yellow; 
	text-decoration:none;
}

/* right aligned context menu */ 
#nav div#rcm  {
	background:url('images/appsprite.png') no-repeat right -35px;
	float:right;
}

#nav div#rcm a span {
	background:url('images/appsprite.png') no-repeat -24px -75px;
	display:inline-block;
	margin-left:3px;
	width:14px;
}

#nav div#rcm a:hover span {
	background:url('images/appsprite.png') no-repeat -8px -75px;
}
    
/* popup menu for right aligned context menu */ 
#nav #rcm-popup {
	position:absolute;
	display:none;
	background:@almost-black  url('images/AppSprite.png') no-repeat right -70px;
}

#nav #rcm-popup ul li { 
	padding:7px 15px; 
	line-height:1em; 
	cursor:pointer; 
	color:@white;
}

#nav #rcm-popup ul li:hover { 
	background:@graphite; 
	color:@yellow; 
}

#stage {
	overflow:hidden;
}

#stage #leftCol { 
	width:710px; 
	float:left; 
	min-height:100%; 
	height:auto !important; 
	height:100%; 
	overflow:visible;
}

#stage #rightCol {
	width:250px;
	float:right;
	min-height:100%; 
	height:auto !important; 
	height:100%; 
	overflow:visible;
}

#stage #rightCol .wrapper { padding:5px 0 5px 8px; }
#stage #rightCol .wrapper .cmd-bar { padding:5px 0; }

#stage #rightCol .head { background:#eee; padding:2px 5px; margin-left:3px; width:237px; overflow:hidden; }
.mini-grid { padding-top:5px; }
.mini-grid .row { padding:5px; }
.mini-grid .row .collapsible { display:none; }
.mini-grid .row.y { background-color:#e7f3fd; }
.mini-grid .pager { float:right; margin-top: 5px; line-height:23px; }
.mini-grid .pager a { border:1px solid #ccc; overflow:hidden; }
.mini-grid .pager a:hover { background-color:#f6f6f6; text-decoration:none;  }
.mini-grid .pager .prev { background:url('images/SymbolSprite.png') no-repeat -34px -99px; height:20px; width:20px; cursor:pointer; float:left; margin:0 3px;  }
.mini-grid .pager .next { background:url('images/SymbolSprite.png') no-repeat -53px -99px; height:20px; width:20px; cursor:pointer; float:left; }
.mini-grid .pager .prev.disabled { background-position:-34px -70px; }
.mini-grid .pager .next.disabled { background-position:-53px -70px; }          

.mini-loading { background:url('images/ajax-loader.gif') no-repeat center 5px; width:16px; height:19px; margin-left:5px; }
.push { height: 46px; }

#footer {
	background:@almost-black; 
	color:@white; 
	padding:0 10px; 
	overflow:hidden; 
	height:46px; /* safari/chrome fix */
}

#footer a  {
	color:@yellow; 
}

#footer #pl { 
	float:left; 
}

#footer #cnl { 
	float:right; 
	text-align:right; 
	padding:4px 0; 
}


.panel {
	background:#fafafa;
	border:1px solid #dedede;
	-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
}
.panel .head { 
	background:#e9e9e9; 
	padding:1px 5px; 
	font-weight:bold; 
	display:block;
}

.panel .head .title { 
	float:left;
}

.panel a.close { 
	background:url('images/close-000.png') no-repeat center center; 
	height:10px; 
	width:10px; 
	float:right; 
	display:block; 
	margin:4px 0;
}

.panel a.close.w { 
	background-image:url('images/close-fff.png'); 
}

.panel a.close:hover { 
	text-decoration:none; 
}

.panel .body {
	padding:5px;
	overflow:hidden;
}

.panel .body.help-ico { 
	background:url('images/help_balloon.png') no-repeat 5px center;
	padding-left:34px !important;
}

.panel .body.check-ico { 
	background:url('images/accept.png') no-repeat 5px center;
	padding-left:34px !important;
}

.panel .body.warn-ico { 
	background:url('images/warning.png') no-repeat 5px center;
	padding-left:34px !important;
}
.panel .cmd { 
	padding:0 5px 5px 0;
	text-align:right;
}
.panel.info { 
	border:1px solid #335b98; 
}

.panel.info .head { 
	background:#335b98; 
	color:#fff; 
}

.panel.success { 
	border:1px solid #437639; 
}

.panel.success .head { 
	background:#437639; 
	color:#fff; 
}

.panel.error { 
	border:1px solid #bd4c4c; 
}

.panel.error .head { 
	background:#bd4c4c; 
	color:#fff; 
}

#page-title { float:left; margin-top:2px; }
#stg-tlb { float:left; height:24px; overflow:hidden; margin-top:3px; }
#stg-tlb a { float:left; margin-left:7px; margin-top:2px; cursor:pointer; display:block; }
#stg-tlb a#stg-help { background:url('images/icons.png') no-repeat -12px -11px; height:16px; width:16px; }
#stg-tlb a#stg-prt { background:url('images/icons.png') no-repeat -37px -11px; height:16px; width:16px; }
#stg-tlb a#stg-pdf { background:url('images/icons.png') no-repeat -60px -11px; height:16px; width:16px; }
#stg-tlb a#stg-help:hover { background-position:-12px -36px;  }
#stg-tlb a#stg-prt:hover { background-position:-37px -36px;  }
#stg-tlb a#stg-pdf:hover { background-position:-60px -36px; }

#stg-src { border:2px solid @purple; margin-left:7px; width:235px; margin-top:5px; }
#stg-src .wrap { border:2px solid @silver; padding:2px 2px 3px; overflow:hidden}
#stg-src input { margin:0; line-height:1em; color:@silver; font-style:italic; font-family:Arial; padding:0; border:0 none; float:left; width:195px; }
#stg-src a { float:right; }
#stg-src a.ddl { background:url('images/icons.png') no-repeat -108px -60px; height:16px; width:16px; float:right; }
#stg-src a.ddl:hover { background:url('images/icons.png') no-repeat -108px -84px; text-decoration:none; }
#stg-src a.src { background:url('images/icons.png') no-repeat -84px -11px; height:16px; width:16px; float:right; }
#stg-src a.src:hover { background:url('images/icons.png') no-repeat -84px -36px; text-decoration:none; }

div#src-options {
    width:200px;
    font-size:0.9em;
    border:1px solid #ccc;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
    position:absolute;
    top:93px;
    left:698px;
    background-color:#fff;
}

div#src-options input {
    margin:0;
}

div#src-options .col {
    float:left;
    width:90px;
    padding:3px;
}
